<template>
  <div class="all">
    <header>
      <div class="div" @click="back">
        <img src="../../assets/返回.png" alt="">
        <span class="side">返回</span>
      </div>
      <div class="div">
        <span>评估相关资料</span>
      </div>
      <div class="div">
        <span class="side" @click="send">上传</span>
      </div>
    </header>
  </div>
</template>

<script>
export default {
  name: 'DataUpload'
}
</script>

<style scoped>
  ul, li {
    list-style: none;
  }
  .all{
    width: 100%;
    height: 100vh;
    background: #FAF9FE;
    font-family: "PingFang SC";
  }
  header{
    width: 100%;
    height: 12vw;
    display: flex;
    align-items: center;
    background: #FFFFFF;
  }
  .div{
    width: 33%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    font-family: "PingFang SC";
  }
  .div:nth-child(1) img{
    width: 7px;
    height: 13px;
    margin: 0 5px 0 15px;
  }
  .div:nth-child(2) {
    justify-content: center;
  }
  .div:nth-child(3) {
    justify-content: flex-end;
  }
  .div:nth-child(3) span{
    margin-right: 15px;
  }
  .side{
    color: #1da4f2;
  }
</style>
